<el-row :gutter="20" class="margin-top">
  <el-col :span="6">
    <div>
      <el-statistic
        group-separator=","
        :precision="2"
        :value="parseFloat(row.amount)"
        title="订单金额"
      ></el-statistic>
    </div>
  </el-col>
  <el-col :span="6">
    <div>
      <el-statistic
        group-separator=","
        :precision="2"
        :value="parseFloat(row.discounts)"
        title="优惠总额"
      ></el-statistic>
    </div>
  </el-col>
  <el-col :span="6">
    <div>
      <el-statistic
        group-separator=","
        :precision="2"
        :value="parseFloat(row.actual_amount)"
        title="应付金额"
      ></el-statistic>
    </div>
  </el-col>
  <el-col :span="6">
    <div>
      <el-statistic
        group-separator=","
        :precision="2"
        :value="parseFloat(row.pay_fee)"
        title="实付金额"
      ></el-statistic>
    </div>
  </el-col>
</el-row>

<el-descriptions class="margin-top" title="订单费用" :column="3" border>
  <el-descriptions-item>
    <template slot="label">
      基础费
    </template>
    {{row.fees.base_fee}}元（平台收取）
  </el-descriptions-item>
  <el-descriptions-item>
    <template slot="label">
      小费金额
    </template>
    {{row.fees.tip_fee}}元
  </el-descriptions-item>
  <el-descriptions-item>
    <template slot="label">
      垫付费
    </template>
    {{row.fees.advance_fee}}元
  </el-descriptions-item>
  <el-descriptions-item>
    <template slot="label">
      路程费
    </template>
    {{row.fees.range_fee}}元
  </el-descriptions-item>

  <el-descriptions-item>
    <template slot="label">
      重量费
    </template>
    {{row.fees.weight_fee}}元
  </el-descriptions-item>
  <el-descriptions-item>
    <template slot="label">
      特殊时段费
    </template>
    {{row.fees.surcharge_fee}}元
  </el-descriptions-item>
</el-descriptions>

<el-descriptions class="margin-top" title="优惠信息" :column="3" border>
  <el-descriptions-item>
    <template slot="label">
      优惠券金额
    </template>
    {{row.fees.coupon_discount}}元

    <span v-if="row.coupon_record">
      <el-tag type="success" v-if="row.coupon_record.type == 'VOUCHER'">代金券</el-tag>
      <el-tag type="success" v-else-if="row.coupon_record.type == 'FULL'">满减券</el-tag>
      <el-tag type="success" v-else-if="row.coupon_record.type == 'DISCOUNT'">折扣券({{row.coupon_record.discount}}折)</el-tag>
    </span>
  </el-descriptions-item>
</el-descriptions>

<el-row>
  <el-col :span="10">
    <el-descriptions class="margin-top" title="区域财务" :column="1" border>
      <el-descriptions-item>
        <template slot="label">
          区域抽佣费
        </template>
        <p>+ {{row.fees.range_fee}}元（路程费）</p>
        <p>+ {{row.fees.weight_fee}}元（重量费）</p>
        <p>+ {{row.fees.surcharge_fee}}元（特殊时段费）</p>
        <p>= {{row.fees.no_rate_delivery_fee}}元 x {{row.fees.zone_delivery_fee_rate}}%（区域抽佣比例）</p>
      </el-descriptions-item>

      <el-descriptions-item>
        <template slot="label">
          区域应收
        </template>
        = {{row.fees.zone_delivery_fee}}元
      </el-descriptions-item>
    </el-descriptions>
  </el-col>

  <el-col :span="10" class="margin-left">
  <!--<el-col :span="24">-->
    <el-descriptions class="margin-top" title="司机财务" :column="1" border>
      <el-descriptions-item>
        <template slot="label">
          司机应得
        </template>
        <p>+ {{row.fees.range_fee}}元（路程费）</p>
        <p>+ {{row.fees.weight_fee}}元（重量费）</p>
        <p>+ {{row.fees.surcharge_fee}}元（特殊时段费）</p>
        <p>+ {{row.fees.tip_fee}}元（小费）</p>
        <p>+ {{row.fees.advance_fee}}元（垫付费）</p>
      </el-descriptions-item>

      <el-descriptions-item>
        <template slot="label">
          基础费
        </template>
        - {{row.fees.base_fee}}元
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          区域抽佣费
        </template>
        - {{row.fees.zone_delivery_fee}}元（区域抽佣比例：{{row.fees.zone_delivery_fee_rate}}%）
      </el-descriptions-item>
      <el-descriptions-item v-if="row.fees.rider_claim_fee > 0">
        <template slot="label">
          超时理赔费（应扣{{row.fees.rider_claim_fee}}元，实扣{{row.fees.user_claim_fee}}元）
        </template>
        - {{row.fees.user_claim_fee}}元
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          司机应收
        </template>
        = {{(row.fees.rider_delivery_fee - row.fees.user_claim_fee).toFixed(2)}}元
      </el-descriptions-item>
    </el-descriptions>
  </el-col>
</el-row>
